<template>
  <!-- 申请成为优质商家 -->
  <el-dialog class="pick-dialog" title="申请成为优质商家" :visible.sync="dialogVisible" :close-on-click-modal="false" append-to-body width="740px">
    <div class="xuzhi">
      <div>
        <div class="tit">商家须知:</div>
        <div class="tiaojian"> 
          申请成为虞都互联优质商家需满足以下条件:
        </div>
        <div>
          1.要求商家3分钟内响应聊天系统;<br/>
          2.开通优质商家需缴纳1000元押金; <br/>
          3.您已成为保证金商家; <br/>
          4.极速售后.
        </div>
        <div class="tit">成为优质商家四大优势:</div>
        <div>
          1.无货赔付:因为商品问题导致的交易失败，包括但不限于未及时下架，找回，封禁，账号冻结等，将对分销商进行补偿最低20元最高50元的赔偿。<br/>
          2.合同已签署:商家与虞都互联平台签署供货协议，如后续出现跑路，等问题虞都互联可帮助商家进行起诉索赔。<br/>
          急速售后:如出现找回问题，7日之内未处理完成商家赔付号款，超时一天将处罚10元赔付给买家，最高累计7日。14日内无法处理平台强制退款。<br/>
          3.价格优势:优质商家供货货源保证是全网最低商品价格，如发现高于其他平台价格举报可获得一百元奖励<br/>
          4.保证金商家:商家已在平台缴纳保证金，如有违规平台可优先赔付。
        </div>
        <div class="tit">福利:</div>
        <div class="tiaojian"> 
          成为优质商家后,您可以得到:
        </div>
        <div>
          1.提号池得到《优质商家》标签曝光;<br/>
          2.供货配置得到《优质商家》标签曝光;<br/>
          3.提号池有限排名;<br/>
          4.虞都互联优质商家排行榜曝光;<br/>
          5.保证金商家标签;<br/>
          6.签署合同商家标签。
        </div>
      </div>
      <div style="margin-top: 10px;">
        <el-checkbox v-model="checked">我已阅读并同意以上条款</el-checkbox> 
      </div>
      <div class="center">
        <el-button @click="close">取消</el-button>
        <el-button type="primary" @click="submitForm" :loading="loading">下一步</el-button>
      </div>
    </div>
  </el-dialog>
</template>

<script>
import { mapGetters } from "vuex";
export default {
  computed: {
    ...mapGetters(["shopInfo"]),
  },
  data() {
    return {
      checked:false,
      dialogVisible: false,
      loading: false,


      
      timer: 0,
      
      ruleForm: {
        userId: "",
        collectionType: "", //提现账户类型 1：微信 2：支付宝 3：银行卡
        collectionUserName: "",
        collectionAccount: "",
        collectionAccountName: "",
        phone: "",
        dxyzm: "",
        yzmRankey: "",
      },
      rules: {
        collectionType: [
          { required: true, message: "请选择", trigger: "change" },
        ],
        collectionAccountName: [
          { required: true, message: "请输入银行名称", trigger: "blur" },
        ],
        collectionAccount: [
          { required: true, message: "请输入收款账户", trigger: "blur" },
        ],
        collectionUserName: [
          { required: true, message: "请输入真实姓名", trigger: "blur" },
        ],
        dxyzm: [
          { required: true, message: "请输入短信验证码", trigger: "blur" },
        ],
      },
    };
  },
  created() {},
  methods: {
    open() {
      this.loading = false;
      this.checked = false
      this.dialogVisible = true;
    },
    submitForm() {
      if(this.checked){
        this.loading = true;
        this.dialogVisible = false;
        this.loading = false;
        this.$emit('next')
      }else{
        this.$message.error('请先阅读并同意优质商家入驻条款！')
      }
    },
    close() {
      this.dialogVisible = false;
    },
  },
};
</script>
<style scoped lang="scss">
.xuzhi{
  line-height: 24px;
}
.tit{
  font-weight: bold;
  margin-top: 5px;
}
.tiaojian{
  color: #FA6400;
  
}
.center{
  margin-top: 10px;
}
</style>
